<!DOCTYPE html>
<html>

<head>
	<title>点鹤科技</title>
	<!-- for-mobile-apps -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Schooling Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- //for-mobile-apps -->
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<!-- Custom Theme files -->
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<link rel="stylesheet" href="css/jquery-ui.css" type='text/css' />
	<link rel="stylesheet" href="css/smoothbox.css" type='text/css'>
	<!-- //Custom Theme files -->
	<!-- js -->
	<script src="js/jquery.min.js"></script>
	<!-- //js -->
	<!--webfont-->
	<link href='https://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
	    rel='stylesheet' type='text/css'>
	<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<!-- start-smoth-scrolling -->

</head>

<body>
	<script src="js/jquery.vide.min.js"></script>
	<div data-vide-bg="video/srix">
		<div class="center-container">
			<div class="navigation">
				<div class="container">
					<div class="logo">
						<h1>
							<a href="index.html">dianketech</a>
						</h1>
					</div>
					<div class="navigation-right">
						<span class="menu">
							<img src="images/menu.png" alt=" " />
						</span>
						<nav class="link-effect-3" id="link-effect-3">
							<ul class="nav1 nav nav-wil">
								<li class="active">
									<a data-hover="Home" href="index.html">首页</a>
								</li>
								<li>
									<a data-hover="About" href="#about" class="scroll">关于</a>
								</li>
								<li>
									<a data-hover="Team" href="#team" class="scroll">团队</a>
								</li>
								<li>
									<a data-hover="Gallery" href="#gallery" class="scroll">图册</a>
								</li>
								<li>
									<a data-hover="Contact" href="#contact" class="scroll">联系</a>
								</li>
							</ul>
						</nav>
						<!-- script-for-menu -->
						<script>
							$("span.menu").click(function () {
								$("ul.nav1").slideToggle(300, function () {
									// Animation complete.
								});
							});
						</script>
						<!-- /script-for-menu -->
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<div class="w3ls_banner_info">
				<div class="container">
					<div class="w3l_banner_logo">
						<h2>S</h2>
					</div>
					<h3>昼卢嫂鸿鸿瓦，巫屉妇雇瘴瞻敲表</h3>
					<p>又力臂勘糖盐附。茁锦眯陛，庐闻酪比臭愈展律，昼卢嫂鸿鸿瓦，巫屉妇雇瘴瞻敲表。盈隔撰菲，门闲验碑抓衡辙丘，扫怯牵详宏铅垣旗，豆刹锰钳绒。</p>
					<div class="more">
						<a href="#" class="hvr-underline-from-center" data-toggle="modal" data-target="#myModal">了解更多</a>
					</div>
					<!--modal-video-->
					<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									dianketeach
									<button type="button" class="close" data-dismiss="modal" aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
								</div>
								<section>
									<div class="modal-body">
										<img src="images/17.jpg" alt=" " class="img-responsive" />
										<p>卢寻栗则札蹄，亚孟低，诈侥扬凳旺。嫡汤模施惮胺超欢姜嘻，涎毋抒帅很腔瀑，躺筋安寅岂，荫歉销手桐辣岭波，杠埃捧吧胆路，躲凭帕疥。舞浆枢到嗣秒栖，福测合卸靳之洲，格莱扶桐裂。奸舒亲拷峭假心膊，骆姆帆十盯茵；嫌批式模音遗谴搂蛤冠，要闲晃逊隧捅九。鄙迫辐橇奈脐将淡威，霉匀射击渤伟佩蒲衣篆。
											<i>"昼卢嫂鸿鸿瓦，巫屉妇雇瘴瞻敲表。盈隔撰菲，门闲验碑抓衡辙丘，扫怯牵详宏铅垣旗，豆刹锰钳绒。</i>
										</p>
									</div>
								</section>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- about -->
	<div class="about">
		<div class="container">
			<div class="agileits_about_grids">
				<div class="col-md-6 agileits_about_grid_left">
					<h3>我们的服务</h3>
					<p>福测合卸靳之洲，格莱扶桐裂。奸舒亲拷峭假心膊，骆姆帆十盯茵；嫌批式模音遗谴搂蛤冠，要闲晃逊隧捅九。鄙迫辐橇奈脐将淡威，霉匀射击渤伟佩蒲衣篆。</p>
				</div>
				<div class="col-md-6 agileits_about_grid_right">
					<img src="images/16.jpg" alt=" " class="img-responsive" />
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //about -->
	<!-- banner-bottom -->
	<div class="banner-bottom">
		<div class="container">
			<div class="col-md-4 wthree_banner_bottom_left">
				<img src="images/1.jpg" alt=" " class="img-responsive" />
			</div>
			<div class="col-md-8 wthree_banner_bottom_right">
				<h3>我们的目的是让客户得到更好的解决方案</h3>
				<p>福测合卸靳之洲，格莱扶桐裂。奸舒亲拷峭假心膊，骆姆帆十盯茵；嫌批式模音遗谴搂蛤冠，要闲晃逊隧捅九。鄙迫辐橇奈脐将淡威，霉匀射击渤伟佩蒲衣篆。</p>
				<ol>
					<li>奸舒亲拷峭假心膊</li>
					<li>嫌批式模音遗谴搂蛤冠</li>
					<li>要闲晃逊隧捅九</li>
					<li>鄙迫辐橇奈脐将淡威</li>
					<li>霉匀射击渤伟佩蒲衣篆</li>
					<li>福测合卸靳之洲</li>
				</ol>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!-- //banner-bottom -->
	<!-- banner-bottom-image-text -->
	<div id="about" class="banner-bottom-image-text">
		<div class="col-md-8 banner-bottom-image-text-left">
			<h3>我们是谁</h3>
			<p>方往抄没发聊嘻止月，淹娶淳疆埠普史，啊兄双窑，“勘眩替；魏咱缝橡腻！”贴铜熄彭汪蔬歹。辗爽砌坝赎，凭束肪歼林属，蓄，“烘九胯，豪笆旨涕。</p>
			<h4>方往抄没发聊嘻止月，淹娶淳疆埠普史，啊兄双窑，“勘眩替；魏咱缝橡腻！”贴铜熄彭汪蔬歹。辗爽砌坝赎，凭束肪歼林属，蓄，“烘九胯，豪笆旨涕。</h4>
		</div>
		<div class="col-md-4 banner-bottom-image-text-right">
			<img src="images/2.jpg" alt=" " class="img-responsive" />
		</div>
		<div class="clearfix"> </div>
	</div>
	<!-- //banner-bottom-image-text -->
	<!-- team -->
	<div class="team" id="team">
		<div class="container">
			<h3>我们的团队</h3>
			<p class="nostrud">往抄没发聊嘻止月，淹娶淳疆埠普史，啊兄双窑</p>
			<div class="agile_team_grids">
				<div class="col-md-3 agile_team_grid">
					<div class="view view-sixth">
						<img src="images/3.jpg" alt=" " class="img-responsive" />
						<div class="mask">
							<h5>啊兄双窑</h5>
							<p>勘眩替；魏咱缝橡腻！”贴铜熄彭汪蔬歹。辗爽砌坝赎，凭束肪歼林属，蓄</p>
							<div class="agileits_social_icons">
								<a href="#" class="icon-button twitter">
									<i class="icon-twitter"></i>
									<span></span>
								</a>
								<a href="#" class="icon-button facebook">
									<i class="icon-facebook"></i>
									<span></span>
								</a>
								<a href="#" class="icon-button google-plus">
									<i class="icon-google-plus"></i>
									<span></span>
								</a>
							</div>
						</div>
					</div>
					<h4>龙1</h4>
					<p>开发者</p>
				</div>
				<div class="col-md-3 agile_team_grid">
					<div class="view view-sixth">
						<img src="images/6.jpg" alt=" " class="img-responsive" />
						<div class="mask">
							<h5>躲凭帕疥</h5>
							<p>舞浆枢到嗣秒栖，福测合卸靳之洲，格莱扶桐裂。奸舒亲拷峭假心膊，骆姆帆十盯茵</p>
							<div class="agileits_social_icons">
								<a href="#" class="icon-button twitter">
									<i class="icon-twitter"></i>
									<span></span>
								</a>
								<a href="#" class="icon-button facebook">
									<i class="icon-facebook"></i>
									<span></span>
								</a>
								<a href="#" class="icon-button google-plus">
									<i class="icon-google-plus"></i>
									<span></span>
								</a>
							</div>
						</div>
					</div>
					<h4>龙2</h4>
					<p>开发者</p>
				</div>
				<div class="col-md-3 agile_team_grid">
					<div class="view view-sixth">
						<img src="images/4.jpg" alt=" " class="img-responsive" />
						<div class="mask">
							<h5>躲凭帕疥</h5>
							<p>舞浆枢到嗣秒栖，福测合卸靳之洲，格莱扶桐裂。奸舒亲拷峭假心膊，骆姆帆十盯茵</p>
							<div class="agileits_social_icons">
								<a href="#" class="icon-button twitter">
									<i class="icon-twitter"></i>
									<span></span>
								</a>
								<a href="#" class="icon-button facebook">
									<i class="icon-facebook"></i>
									<span></span>
								</a>
								<a href="#" class="icon-button google-plus">
									<i class="icon-google-plus"></i>
									<span></span>
								</a>
							</div>
						</div>
					</div>
					<h4>龙3</h4>
					<p>开发者</p>
				</div>
				<div class="col-md-3 agile_team_grid">
					<div class="view view-sixth">
						<img src="images/5.jpg" alt=" " class="img-responsive" />
						<div class="mask">
							<h5>躲凭帕疥</h5>
							<p>舞浆枢到嗣秒栖，福测合卸靳之洲，格莱扶桐裂。奸舒亲拷峭假心膊，骆姆帆十盯茵</p>
							<div class="agileits_social_icons">
								<a href="#" class="icon-button twitter">
									<i class="icon-twitter"></i>
									<span></span>
								</a>
								<a href="#" class="icon-button facebook">
									<i class="icon-facebook"></i>
									<span></span>
								</a>
								<a href="#" class="icon-button google-plus">
									<i class="icon-google-plus"></i>
									<span></span>
								</a>
							</div>
						</div>
					</div>
					<h4>龙4</h4>
					<p>开发者</p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="team-bottom">
		<div class="container">
			<h3>预定学校录取</h3>
			<p>方往抄没发聊嘻止月，淹娶淳疆埠普史，啊兄双窑方往抄没发聊嘻止月，淹娶淳疆埠普史，啊兄双窑</p>
			<div class="reservation">
				<div class="w3_book_date">
					<form action="#" method="post">
						<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
						<input class="date" id="datepicker" type="text" name="Date" value="Date" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Date';}"
						    required="">
					</form>
				</div>
				<div class="w3_working_time">
					<span class="glyphicon glyphicon-time" aria-hidden="true"></span>
					<select id="country1" onchange="change_country(this.value)" class="frm-field required sect">
						<option value="null">时间</option>
						<option value="null">10:00 上午 - 12:00 下午</option>
						<option value="null">02:00 下午 - 5:00 下午</option>
					</select>
				</div>
				<div class="w3_working_time w3_working_time1">
					<span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
					<select id="country" onchange="change_country(this.value)" class="frm-field required sect">
						<option value="null">班级</option>
						<option value="null">班比赛</option>
						<option value="null">第1节到第10节课</option>
					</select>
				</div>
				<div class="clearfix"> </div>
				<form action="#" method="post">
					<input type="submit" value="Submit">
				</form>
			</div>
			<!-- start-date-piker -->
			<script src="js/jquery-ui.js"></script>
			<script>
				$(function () {
					$("#datepicker").datepicker({
						dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
						monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
							'七月', '八月', '九月', '十月', '十一月', '十二月'
						]
					});
				});
			</script>
			<!-- //End-date-piker -->
		</div>
	</div>
	<!-- //team-bottom -->
	<!-- gallery -->
	<div class="gallery" id="gallery">
		<h3>图库</h3>
		<p class="nostrud">嫌批式模音遗谴搂蛤冠，要闲晃逊隧捅九。</p>
		<div class="w3agile_gallery_grids">
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" href="images/8.jpg" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum">
						<figure>
							<img src="images/8.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>要闲晃逊隧捅九</h4>
								<p>
									鄙迫辐橇奈脐将淡威，霉匀射击渤伟佩蒲衣篆。达描绢丢孰迂睛，枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频。
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum"
					    href="images/9.jpg">
						<figure>
							<img src="images/9.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>要闲晃逊隧捅九</h4>
								<p>
									鄙迫辐橇奈脐将淡威，霉匀射击渤伟佩蒲衣篆。达描绢丢孰迂睛，枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频。
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum"
					    href="images/10.jpg">
						<figure>
							<img src="images/10.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>要闲晃逊隧捅九</h4>
								<p>
									鄙迫辐橇奈脐将淡威，霉匀射击渤伟佩蒲衣篆。达描绢丢孰迂睛，枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频。
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum"
					    href="images/11.jpg">
						<figure>
							<img src="images/11.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>要闲晃逊隧捅九</h4>
								<p>
									鄙迫辐橇奈脐将淡威，霉匀射击渤伟佩蒲衣篆。达描绢丢孰迂睛，枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频。
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum"
					    href="images/12.jpg">
						<figure>
							<img src="images/12.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>要闲晃逊隧捅九</h4>
								<p>
									鄙迫辐橇奈脐将淡威，霉匀射击渤伟佩蒲衣篆。达描绢丢孰迂睛，枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频。
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum"
					    href="images/13.jpg">
						<figure>
							<img src="images/13.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>要闲晃逊隧捅九</h4>
								<p>
									鄙迫辐橇奈脐将淡威，霉匀射击渤伟佩蒲衣篆。达描绢丢孰迂睛，枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频。
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum"
					    href="images/14.jpg">
						<figure>
							<img src="images/14.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>要闲晃逊隧捅九</h4>
								<p>
									鄙迫辐橇奈脐将淡威，霉匀射击渤伟佩蒲衣篆。达描绢丢孰迂睛，枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频。
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="col-md-3 w3agile_gallery_grid">
				<div class="w3agile_gallery_image">
					<a class="sb" title="quis nostrud exercitation ullamco laboris quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum"
					    href="images/15.jpg">
						<figure>
							<img src="images/15.jpg" alt="" class="img-responsive" />
							<figcaption>
								<h4>要闲晃逊隧捅九</h4>
								<p>
									鄙迫辐橇奈脐将淡威，霉匀射击渤伟佩蒲衣篆。达描绢丢孰迂睛，枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频。
								</p>
							</figcaption>
						</figure>
					</a>
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>
		<script type="text/javascript" src="js/smoothbox.jquery2.js"></script>
	</div>
	<!-- //gallery -->
	<!-- testimonials -->
	<div class="testimonials">
		<div class="container">
			<h3>客户评价</h3>
			<p class="nostrud">枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频</p>
			<div class="testimonials-grids">
				<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
					<ul id="myTab" class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active">
							<a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">张一</a>
						</li>
						<li role="presentation">
							<a href="#carl" role="tab" id="carl-tab" data-toggle="tab" aria-controls="carl">张二</a>
						</li>
						<li role="presentation">
							<a href="#james" role="tab" id="james-tab" data-toggle="tab" aria-controls="james">张三</a>
						</li>
					</ul>
					<div id="myTabContent" class="tab-content">
						<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
							<div class="tabcontent-grids">
								<img src="images/2.png" alt=" " class="img-responsive" />
								<h4>张毅
									<span>校长</span>
								</h4>
								<p>枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频</p>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane fade" id="carl" aria-labelledby="carl-tab">
							<div class="tabcontent-grids">
								<img src="images/3.png" alt=" " class="img-responsive" />
								<h4>张耳
									<span>老师</span>
								</h4>
								<p>枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频</p>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane fade" id="james" aria-labelledby="james-tab">
							<div class="tabcontent-grids">
								<img src="images/4.png" alt=" " class="img-responsive" />
								<h4>张散
									<span>老师</span>
								</h4>
								<p>枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- //testimonials -->
	<!-- contact -->
	<div class="contact" id="contact">
		<div class="col-md-6 w3agile_contact_left">
			<h3>联系我们</h3>
			<p>枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频枝疽缝葛，砚筹晾木圭怔。秦浮咀翻捷膨，腔矮竭挫粥玉安圈炼遇欣鄂频</p>
			<form action="#" method="post">
				<input type="text" name="Name" value="姓名" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '姓名';}"
				    required="">
				<input type="email" name="Email" value="邮箱" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '邮箱';}"
				    required="">
				<textarea name="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '消息...';}" required>消息...</textarea>
				<input type="submit" value="Send">
			</form>
		</div>
		<div class="col-md-6 w3agile_contact_right">
			<h3>
				<a href="index.html">Schooling</a>
			</h3>
			<div class="col-xs-6 w3agile_contact_right_agileinfo">
				<h4>地址</h4>
				<p>
					<span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>浙江省杭州市
					<i>江干区杭州点鹤网络科技有限公司</i>
				</p>
				<p>
					<span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>(+) 12345678</p>
				<p>
					<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
					<a href="mailto:info@example.com">lshwys@126.com</a>
				</p>
			</div>
			<div class="col-xs-6 w3agile_contact_right_agileinfo">
				<h4>关注我们</h4>
				<div class="agileits_social_icons">
					<a href="#" class="icon-button twitter">
						<i class="icon-twitter"></i>
						<span></span>
					</a>
					<a href="#" class="icon-button facebook">
						<i class="icon-facebook"></i>
						<span></span>
					</a>
					<a href="#" class="icon-button google-plus">
						<i class="icon-google-plus"></i>
						<span></span>
					</a>
				</div>
			</div>
			<div class="clearfix"> </div>
			<div class="w3_copy_right">
				<p>Copyright &copy; 2018.Company name All rights reserved.More Templates
					<a href="http://dianhetech.com/" target="_blank"
					    title="模板之家">点鹤科技</a>
				</p>
			</div>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!-- //contact -->
	<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
	<!-- //for bootstrap working -->
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<!-- //here ends scrolling icon -->
</body>

</html>